<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>参考文献格式生成器</title> 
<link rel="shortcut icon" href="/js_img/favicon.ico" />
<link type="text/css" rel="stylesheet" href="./js_img/style.css">
<style type="text/css">
      .cubox-extension-helper-button {
        position: absolute !important;
        display: none;
        width: 26px !important;
        height: 26px !important;
        justify-content: center;
        align-items: center;
        border: 1px solid #C6C6C6;
        border-radius: 6px !important;
        background: #fff !important;
        z-index: 99999999999999999999 !important;
        cursor: pointer;
        filter: drop-shadow(1px 2px 8px rgba(0, 0, 0, 0.15));
        transition: border-color .2s ease;
      }
      
      .cubox-extension-helper-button:hover {
        border-color: #636363;
      }
      
      .cubox-extension-helper-button svg {
        pointer-events: none;
        opacity: .8 !important;
        transition: opacity .2s ease;
      }
      
      .cubox-extension-helper-button:hover svg {
        opacity: 1 !important;
      }    
    </style></head>  
<body> 
<div class="wrapper">
            <div class="header">
                <h1>参考文献格式生成器</h1>
            </div>
            <div class="sidebar">
                <p><label>文献类型:</label>
                    <select id="typeSelector">

                    </select>
                </p>
                <div class="clean"></div>
                <form id="inputForm">
                
                </form>
                <div class="buttons">
                    <span class="desc">("*"为必填项)</span>
                    <input id="addBtn" type="button" value="添加">
                </div><!--sidebar-->
                <div class="clean"></div>
            </div><!--buttons-->
            <div class="main">
                <div id="resultDiv" class="resultDiv"></div>
                <div class="desc">(可直接复制到Word文档中)</div>
            </div><!--main-->
        <script type="text/javascript">
            if(document.body.clientWidth<700){
                document.body.className = 'narrowStyle';
            }
        </script>
        <script src="./js_img/referance.js" type="text/javascript"></script>
<p><center>Powered By TangHou </center></p> 
</div>
</body>
</html>